<template>
  <view class="setup">
    <view class="setup-xy" v-for="(item, index) in xy" :key="index" @click="goxy(item.url)">
      <view class="sx-n">{{ item.name }}</view>
      <view class="sx-j"><uv-icon name="arrow-right"></uv-icon></view>
    </view>
  </view>
</template>

<script setup>
  import {
    ref
  } from "vue";
  const xy = ref([{
      name: "用户协议",
      url: "/pages/SetUp/UserAgreement/UserAgreement"
    },
    {
      name: "隐私协议",
      url: "/pages/SetUp/PrivacyAgreement/PrivacyAgreement"
    },
    {
      name: "关于我们",
      url: '/pages/SetUp/AboutUs/AboutUs'
    },
  ]);
  const goxy = ((url) => {
    if (url) {
      uni.navigateTo({
        url: url,
      });
    } else {
      uni.showToast({
        title: "暂未开放",
        icon: "none",
      });
    }
  })
</script>

<style>
  @import url("./setup.css");
</style>